<!--
 * @Descripttion: 中心首页
 * @version:
 * @Author: 穆宏宇
 * @Date: 2020-09-02 13:38:47
 * @LastEditors: 穆宏宇
 * @LastEditTime: 2020-09-27 15:02:57
-->
<template>
  <el-card class="box-card">
    <eManage :search-form-options="formOptions"
             :search-label-width="searchLabelWidth"
             :search-refresh-show="searchRefreshShow"
             :control-btns="btns"
             :search-show="true"
             :operation-show="true"
             :table-btn-type="2"
             :table-columns="columns"
             :dialog-form-options="editFormOptions"
             :dialog-form-label-width="editFormLabelWidth"
             :dialog-form-rules="editFormRules"
             :inter-face="interFaces"
             @on-abc="handleAbc"
             @on-other="handleOther">
    </eManage>
	<!-- <p style="text-align: center;margin: 100px;font-weight: bold;font-size: 30px;">待领导商榷</p> -->
  </el-card>
</template>

<script>
import eManage from '@/components/e-manage'
import { formOptions, btns } from './control'
import columns from './columns'
import { editFormOptions, editFormRules } from './form'
import interFaces from './interFaces'
export default {
  name: 'home',
  components: {
    eManage
  },
  props: {},
  data () {
    return {
      formOptions,
      searchLabelWidth: '100px',
      searchRefreshShow: false,
      btns,
      columns,
      editFormOptions,
      editFormLabelWidth: '100px',
      editFormRules,
      interFaces
    }
  },
  watch: {},
  computed: {},
  methods: {
    handleOther (data) {
      console.log(data)
    },
    handleAbc () {
      console.log(24343)
    }
  },
  created () { },
  mounted () { }
}
</script>
<style lang="scss">
.box-card {
  margin: 4px;
  height: calc(100vh - 110px);
  .el-card__body {
    padding: 0;
  }
}
.abc-header {
  color: #0000ff;
}
.abc {
  font-weight: bold;
  color: #e53939;
}
</style>
